﻿@charset "utf-8";
@import url('base.css');

a, a:link, a:visited {color:#999;}
a:hover, a:active {color:#777;}

body {
	font:12px normal dotum, '돋움', tahoma, AppleGothic, sans-serif;
	padding: 0px;
	margin: 0px;
	color:#666;
	background:url('/images/upgrade/common/bg_body.gif') repeat-x left top;
}

#container {
	width:930px;
	margin:0 auto;
	padding:0 35px;
}

#header {
	position:relative;
	height:87px;
	z-index:999;
}
	#header h1 {float:left; width:200px; height:22px; margin:9px 0 5px 0; font-size:0;}
	
	#header .language_link{position:absolute;top:12px;left:216px;}/* 120517 syh */
	#header .language_link li{float:left;padding-right:4px;}/* 120517 syh */

	#header ul.toplink{float:right; margin:0; padding:0;}
	#header ul.toplink li{float:left; margin:0; padding:0;}

	#header ul.user_menu {float:right; height:11px;}
	#header ul.user_menu li{float:left; background:url('/images/upgrade/common/bg_user_menu.gif') no-repeat right 50%; margin:16px 0 0 11px; padding-right:11px;}
	#header ul.user_menu li.last{background:none; padding-right:15px;}
	#header ul.user_menu li strong{color:#444}

	#header div.gnb_menu{clear:both;}
	#header div.gnb_menu ul.menu{float:left;}
	#header div.gnb_menu ul.menu li{float:left;}
	#header div.gnb_menu div.blog{float:right;}
	
	#gnb_drop{margin:0; padding:10px 0 0 0; _padding-left:223px; background:url('/images/upgrade/common/gnb_btn_bg.gif') no-repeat left 10px; _background:url('/images/upgrade/common/gnb_btn_bg.gif') no-repeat 223px 10px; height:31px;}
	#gnb_drop li{float:left;}
	#gnb_drop li a.menu{display:block; width:161px;}
	.submenu{position:absolute;}
	.submenu a{display:block;}	

	#contents {
		overflow:hidden;
		margin-top:20px;
		height:100%;
	}

	#left_area{float:left; width:690px; }
		#left_area div{float:left; width:339px;}
			#left_area div.tit{ background:url('/images/upgrade/main/bg_tit_top.gif') no-repeat left top; padding:12px 0 9px 0;  _padding:11px 0 8px 0;}
			#left_area div h3{float:left; width:250px; height:20px; padding-left:18px;}
			#left_area div a.more{float:right; width:20px; margin-right:20px;}
				#left_area ul{margin:0 2px; padding:20px 0 0 16px; border-top:1px solid #d4d4d4;}
				#left_area ul li{height:100%; padding-bottom:14px;}
					#left_area ul dt{background:url('/images/upgrade/main/bul_main.gif') no-repeat left 5px; padding-bottom:4px; padding-left:10px; font-weight:bold; color:#444;}
					#left_area ul dt a{color:#444;}
					#left_area ul dd{color:#999; padding-left:10px; line-height:18px; _line-height:17px;}
					#left_area ul dd strong{color:#999;}
					#left_area ul dd strong span{color:#ccc;}
					#left_area ul dd p{color:#666;}
					#left_area ul dd p.dcn_day{color:#999;}
		#left_area div.rolling{margin:0 12px 17px 0;}
		#left_area div.dcn{height:330px;}
			#left_area div.dcn div.tit{background:url('/images/upgrade/main/bg_dcn_tit.gif') repeat-x left bottom; padding:3px 0 6px 0;}
			#left_area div.dcn h3{float:left; width:250px; height:24px; padding-left:18px;}
			#left_area div.dcn a.more{float:right; width:20px; margin-right:20px;}
			#left_area div.dcn div.con_list{background:none; border:0;}
			#left_area div.dcn div.con_list p a{color:#666;}
		#left_area div.dev_info{height:362px; padding-right:12px;background:url('/images/upgrade/main/bg_con_list.gif') no-repeat left bottom; }
			#left_area div.dev_info a.more{float:right; width:20px; margin-right:20px;}
			#left_area div.dev_info div.con_list{background:none; border:0;}
			#left_area div.dev_info div.con_list ul li{height:100%; padding-bottom:10px;}
			#left_area div.dev_info div.con_list p{width:300px;}
			#left_area div.dev_info div.con_list p a{color:#666;}
		#left_area div.forum{height:360px; background:url('/images/upgrade/main/bg_con_list.gif') no-repeat left bottom;}
			#left_area div.forum div.con_list{color:#999;}
			#left_area div.forum div.con_list span.num{color:#777;}
		#left_area div.last_div{width:690px; clear:both; background:url('/images/upgrade/main/bg_last_div.gif') repeat-x left top; margin-top:20px;}
			#left_area div.last_div div.last_div01{float:left; width:311px; height:91px; background:url('/images/upgrade/main/img_last_div01.gif') no-repeat right top; margin:12px 0 0 28px; _margin-left:14px;}
			#left_area div.last_div h3{width:150px; height:44px; margin:0; padding:0;}
			#left_area div.last_div div.select{clear:both; width:150px; }
			#left_area div.last_div div.last_div02{float:left; width:321px; height:107px; margin:0 0 0 30px; position:relative; overflow:hidden;}
			

	#right_area{float:right; width:222px;}
		div.login_a_area{width:222px; height:125px; background:url('/images/upgrade/main/login_a_arear.gif') no-repeat left bottom; padding-top:0;}
			div.login_a_area p.tit{padding:10px 0 8px 14px; margin-bottom:10px;}
			div.login_a_area div.login_form{position:relative; width:185px; margin:0 auto; margin-bottom:10px;}
			div.login_a_area div.login_form dl{height:23px;}
			div.login_a_area div.login_form dl input{width:110px; height:14px; padding:2px 3px; border:1px solid #ccc; background:#f6f6f6;}
			div.login_a_area div.login_form dl input.id{background:#f6f6f6 url('/images/upgrade/main/log_id_bg.gif') no-repeat 5px 50%;}
			div.login_a_area div.login_form dl input.pw{background:#f6f6f6 url('/images/upgrade/main/log_pw_bg.gif') no-repeat 5px 50%;}
			div.login_a_area div.login_form dl dt{display:none;}
			div.login_a_area div.login_form dl dd{}
			div.login_a_area div.login_form p.save_id{position:absolute; top:0; left:121px; font-size:11px; letter-spacing:-1px;}
			div.login_a_area div.login_form p.save_id input{vertical-align:middle;}
			div.login_a_area div.login_form p.save_id label{position:relative; top:2px;}
			div.login_a_area div.login_form a{position:absolute; top:23px; left:121px;}
			div.login_a_area ul.join_find{margin-left:25px; letter-spacing:-1px;}
			div.login_a_area ul.join_find a{color:#555;}
			div.login_a_area ul.join_find li{float:left; background:url('/images/upgrade/main/bul_login.gif') no-repeat right top; font-weight:bold; margin-right:10px; padding-right:10px; font-size:11px;}
			div.login_a_area ul.join_find li.last{background:none; padding:0; background:none; font-weight:normal;}
			/* 111109 syh */
			div.login_a_area ul.join_find01{margin-left:18px; letter-spacing:-1px;}
			div.login_a_area ul.join_find01 a{color:#555;}
			div.login_a_area ul.join_find01 li{float:left; background:url('/images/upgrade/main/bul_login.gif') no-repeat right top; font-weight:bold; margin-right:4px; padding-right:7px; font-size:11px;}
			div.login_a_area ul.join_find01 li.last{background:none; padding:0; margin:0; background:none; font-weight:normal; width:130px;}
			/* */
		div.login_area{width:222px; background:url('/images/upgrade/main/login_arear.gif') no-repeat left top; padding-top:13px;}
			div.login_area div.login{width:222px; background:url('/images/upgrade/main/login_arear.gif') no-repeat left bottom; padding-bottom:15px;}
				div.login_area div.login p.my{margin:0 0 5px 10px; line-height:18px;}
				div.login_area div.login div.my_info{width:204px; background:url('/images/upgrade/main/bg_login01.gif') no-repeat left top; margin:0 auto; padding-top:5px;}
				div.login_area div.login div.my_info01{margin-bottom:10px;}
				div.login_area div.login div.my_info div.info_table{ background:url('/images/upgrade/main/bg_login01.gif') no-repeat left bottom; padding:0 9px 5px 9px;}
				div.login_area div.login div.my_info table{width:100%;}
					div.login_area div.login div.my_info table th{text-align:left; font-weight:normal; text-indent:5px; color:#555; border-bottom:1px dotted #dbdbdb;}
					div.login_area div.login div.my_info table td{height:25px; border-bottom:1px dotted #dbdbdb; text-align:right;}
					div.login_area div.login div.my_info table th.no_bor, #right_area div.login_area div.login div.my_info table td.no_bor{border:0;}
					div.login_area div.login div.my_info table td strong{color:#483f97;}
				div.login_area div.login ul.my_info_r{width:210px; overflow:hidden; margin:0 0 0 13px;}
				div.login_area div.login ul.my_info_r li{float:left; background:url('/images/upgrade/main/bul_login.gif') no-repeat right top; font-weight:bold; margin:14px 10px 0 0; padding-right:10px;}
				div.login_area div.login ul.my_info_r li.last{background:none; padding:0;}
					div.login_area div.login ul.my_info_r li a{color:#444;}
		
		
		div.best_area{width:222px; background:url('/images/upgrade/main/bg_best_top.gif') no-repeat left top; margin-top:9px; padding-top:10px;}
			div.best_area h3{margin-left:15px;}
			div.best_area div.best {position:relative; height:345px; margin-top:5px; background:url('/images/upgrade/main/bg_best.gif') no-repeat left bottom;}
			div.best_area div.s_day{position:absolute; top:8px; left:160px; font-size:11px; color:#555; z-index:999;}
			div.best_area div.best div.tab{height:35px;}
			div.best_area div.best div.tab a{display:inline-block; font-weight:bold; margin:8px 12px;}

			div.best_area div.best01 div.tab{background:#fff url(../images/upgrade/main/tab01_on.gif) no-repeat left top; }
			div.best_area div.best02 div.tab{background:#fff url(../images/upgrade/main/tab02_on.gif) no-repeat left top; }
				.best_list p.part{height:25px;}
				.best_list ul{width:200px; height:285px; overflow:hidden; margin-left:15px;}
				.best_list li{float:left; clear:both; width:187px; height:20px; margin-top:7px; padding:0; clear:both; border-bottom:1px dotted #dbdbdb;}
				.best_list li.no_bor{border:0}
				.best_list li p{float:left; width:30px;}
				.best_list li span.num01{display:block; float:left; height:14px; margin-right:3px; padding:0; 
				background:transparent url('/images/upgrade/main/bg_num_l.gif') no-repeat top left; color:#fff;}
				.best_list li span.num01 span{display:block; float:left; min-width:10px; _width:10px; height:11px; padding:1px 3px 2px 2px; 
				background:transparent url('/images/upgrade/main/bg_num_r.gif') no-repeat top right; text-align:center; color:#fff; letter-spacing:-1px;}
				.best_list li span.num{display:block; float:left; height:14px; margin-right:3px; padding:0; 
				background:transparent url('/images/upgrade/main/bg_num_g_l.gif') no-repeat top left; color:#fff;}
				.best_list li span.num span{display:block; float:left; min-width:10px; _width:10px; height:11px; padding:1px 3px 2px 2px; 
				background:transparent url('/images/upgrade/main/bg_num_g_r.gif') no-repeat top right; text-align:center; color:#fff; letter-spacing:-1px;}
				.best_list li a{float:left; width:157px; _width:155px; margin:1px 0 0 0; color:#777; padding:0;font-size:12px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
			
			
			.float_l{float:left;}

			div.best_area div.no_item{width:220px;  position:absolute; top:150px; left:0; font-weight:bold; text-align:center; line-height:18px;}
			div.best_area div.no_item span{color:#e76a22;}
			div.best_area div.b_link{width:222px; height:40px; position:absolute; top:305px; left:0; background:url(../images/upgrade/main/bg_b_link.gif) no-repeat left bottom;}
			div.best_area div.b_link{text-align:center;}
			div.best_area div.b_link a{display:inline-block; border:0; background:url('/images/upgrade/main/bul_login.gif') no-repeat right 0; margin:13px 0 0 8px; _margin-left:8px; padding-right:15px; color:#777;}
			div.best_area div.b_link a.no{background:none;}

		div.phone_area{width:222px; height:126px; overflow:hidden; position:relative; margin-top:10px; background:url('/images/upgrade/main/bg_phone_area.gif') no-repeat 0 0;}
			div.phone_area h3{padding:15px 0 10px 15px;}
			div.phone_area div.btn_arr{position:absolute; top:15px; left:180px;}
			div.phone_area div.phone_area_con{padding:0 0 0 15px;}
				div.phone_area div.phone_area_con img.phone{float:left; margin-right:13px; border:1px solid #e3e3e3; width:68px; height:68px;}			
				div.phone_area div.phone_area_con a{display:block; float:left;}
					div.phone_area div.phone_area_con a span{display:block; cursor:pointer;}					
					div.phone_area div.phone_area_con a span.ti{display:block;font-weight:bold; padding-left:5px; color:#333; margin-bottom:10px;}
					div.phone_area div.phone_area_con a span.txt{background:url('/images/upgrade/main/bul_phone.gif') no-repeat 0 5px; margin-bottom:5px; padding-left:10px; font-size:11px; color:#666;}

#sitemap {
	clear:both;
	overflow:hidden;
	margin-top:15px;
	background:#f7f8f9 url('/images/upgrade/common/bg_sitemap.gif') repeat-x left top; 
	padding:15px 0 10px 0;
}
	#sitemap div.sitemap_arear {overflow:hidden; width:930px; margin:0 auto;}
	#sitemap div.sitemap_arear h2{float:left; width:155px;}
	#sitemap div.sitemap_arear div.sitemap{float:left;}
		#sitemap div.sitemap_arear div.sitemap h3{margin-bottom:14px;}
		#sitemap div.sitemap_arear div.sitemap div{float:left; padding-left:30px;}
			#sitemap div.sitemap_arear div.sitemap div li{margin-bottom:9px;}
			#sitemap div.sitemap_arear div.sitemap div li a{color:#777;}
#footer {
	clear:both;
	overflow:hidden;
	background:#999 url('/images/upgrade/common/bg_footer.gif') no-repeat center top;
	padding:22px 0 30px 0;
}
	#footer div.footer_arear {/*position:relative; */width:930px; height:70px; margin:0 auto; background:url('/images/upgrade/common/bg_copy.gif') no-repeat left top;}
		#footer div.footer_arear ul{overflow:hidden;}
		#footer div.footer_arear li{float:left; height:15px; margin-right:29px;}
		#footer div.footer_arear a{display:block; float:left; height:14px; text-indent:-1000px;}
		#footer div.footer_arear address{visibility:hidden;}
		#footer div.footer_arear div.email{position:absolute; top:25px; left:638px; width:112px; height:13px; color:#f00; z-index:999999999;}
		#footer div.footer_arear div.email a{display:block; float:left; width:120px; height:15px; text-indent:-1000px;}


/* main_banner */

#main_banner{position:relative; width:330px; height:311px; overflow:hidden;}
#main_banner ul{border:0; margin:0; padding:0;}
#main_banner li{border:0; margin:0;}
#main_banner div.banner_img{position:absolute; top:0; left:0; width:330px; height:300px;}
#main_banner div.btn{position:absolute; width:330px; top:0; left:0; z-index:9;}
#main_banner div.btn ul{width:330px;}
#main_banner div.btn li.l_btn{float:left;}
#main_banner div.btn li.l_btn a{display:block; width:17px; height:31px; margin-top:115px;}
#main_banner div.btn li.r_btn{float:right;}
#main_banner div.btn li.r_btn a{display:block; width:17px; height:31px; margin-top:115px;}
#main_banner div.bottom{position:absolute; bottom:0; left:0; width:330px; z-index:99;}
#main_banner div.bottom ul{margin:0 auto; width:100px; height:11px; text-align:center;}
#main_banner div.bottom li{display:inline;}

/* main_banner */

#left_area div.last_div div.con_banner{}
#left_area div.last_div div.con_banner div.banner_img{position:absolute; top:0; left:0;}
#left_area div.last_div div.con_banner div.banner_img img{width:321px; height:107px;}
#left_area div.last_div div.con_banner div.bottom{position:absolute; top:-10px; right:-30px; width:138px; z-index:99; border:0;}
#left_area div.last_div div.con_banner div.bottom ul{margin:0 auto; width:36px; height:11px; border:0;}
#left_area div.last_div div.con_banner div.bottom li{float:left; border:0;}

.c_f26017{color:#f26017;}
.mt10{margin-top:13px;}

/* 120917 syh */
.best_login{height:272px !important;}